<link rel="stylesheet" type="text/css" href="<?php echo $this->webroot.'/misc/jqplot/';?>jquery.jqplot.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->webroot.'/misc/jqplot/';?>examples.css" />
<script language="javascript" type="text/javascript" src="<?php echo $this->webroot.'/misc/jqplot/';?>jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->webroot.'/misc/jqplot/';?>plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->webroot.'/misc/jqplot/';?>plugins/jqplot.pieRenderer.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->webroot.'/misc/jqplot/';?>plugins/jqplot.categoryAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $this->webroot.'/misc/jqplot/';?>plugins/jqplot.highlighter.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var s1 = <?php echo $ip;?>;
        var s2 = <?php echo $pv;?>;
        var ticks = <?php echo $y1;?>;
        
        plot2 = $.jqplot('chart2', [s1, s2], {
            seriesDefaults: {
                renderer:$.jqplot.BarRenderer,
                pointLabels: { show: true }
            },
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks: ticks
                }
            }
        });
        
        $('#chart2').bind('jqplotDataHighlight',
            function (ev, seriesIndex, pointIndex, data) {
                $('#info2').html(' point: '+pointIndex+', data: '+data);
            }
        );

        $('#chart2').bind('jqplotDataUnhighlight',
            function (ev) {
                $('#info2').html('Nothing');
            }
        );
    });
</script>
<body>
    <div style="display: none;"><span>Moused Over: </span><span id="info2">Nothing</span></div>
<div id="chart2" style="margin-top:20px; margin-left:20px; width:600px; height:300px;"></div>
</body>
